SPA路由与vue-router

SPA应用路由的基本原理

SPA和普通网页应用的区别

• 普通网页

  • 跳转到新网页，每次冲洗加载所有资源
  • HTML内容是后端直接渲染的

• SPA应用

  • 不跳转，JS拦截器，修改URL
  • JS动态渲染DOM内容

SPA路由的实现方式

History API

pushState文档地址

codesanbox演示地址

URL Hash

SPA优点

• 速度快
• 体验好
• 为前后端分离提供了实践场所

URL链接的解析图